<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    @import "link.html"
</head>

<body>
<div class="super-theme-example">
    <a id="myWin-btn" href="javascript:void(0)" class="easyui-linkbutton info">对话窗口</a>
    <div id="myWinDemo" style="display: none;">对话框窗口内容。</div>
    <a href="javascript:void(0)" class="easyui-linkbutton primary" onclick="$('#dlg').dialog('open')">打开工具栏窗口</a>
    <a href="javascript:void(0)" class="easyui-linkbutton primary" onclick="$('#dlg').dialog('close')">关闭工具栏窗口</a>
    <div id="dlg" class="easyui-dialog" title="Toolbar and Buttons" style="width:400px;height:200px;padding:10px;"
         data-options="
				toolbar: [{
					text:'Add',
					iconCls:'fa fa-plus',
					handler:function(){
					}
				},'-',{
					text:'Save',
					iconCls:'fa fa-save',
					handler:function(){
					}
				}],
				buttons: [{
					text:'Ok',
					iconCls:'fa fa-check',
					handler:function(){
					}
				},{
					text:'Cancel',
					iconCls:'fa fa-close',
					handler:function(){
						$('#dlg').dialog('close')
					}
				}],
				closed:true,
			">
        The dialog content.
    </div>
</div>
<script type="text/javascript">
  $("#myWin-btn").on('click', function () {
    $('#myWinDemo').window({
      width: 500,
      height: 300,
      modal: true
    });
  });
</script>
</body>

</html>